<link rel="stylesheet" href="/module/ext/dtree/dtree.css">
<link rel="stylesheet" href="/module/ext/dtree/font/dtreefont.css">
<style>
#dept-user-view .layui-table-view{margin: 0px !important; height: calc(100vh - 120px) !important;}
</style>
<div class="layui-card">
    <div class="layui-card-body" id="body-content-header" style="padding-bottom: 0px; margin: 0px;">
        <fieldset id="content-header-title" class="layui-elem-field layui-field-title" style="margin: 0px 0px 6px 0px;">
            <legend><a href="#!console">首页</a> / <span style="color: darkgreen;">{{title}}</span></legend>
        </fieldset>
        <form id="content-header-query-form" class="layui-form layui-form-pane" style="margin-bottom: 0px;"></form>
    </div>
    <div class="layui-card-body" style="padding-top: 0px;">
        <div class="layui-row">
            <div class="layui-col-xs4 layui-col-md3" style="border-right: 1px solid #e0e0e0;">
                <div class="layui-form-item" id="dept-tree-toolbar" 
                    style="height: calc(100vh - 120px);overflow-y: auto;overflow-x: hidden;">
                    <ul id="dept-tree" class="dtree" data-id="0"></ul>
                </div>
            </div>
            <div class="layui-col-xs8 layui-col-md9" id="dept-user-view" style="margin: 0px;height: calc(100vh - 120px);">
                <table class="layui-hide" id="base_dept_user_table" lay-filter="base_dept_user_table" style="margin: 0px;height: calc(100vh - 120px);"></table>
            </div>
        </div>
    </div>
</div>

<script src="/controller/base/dept.js"></script>